<template>
    <div class="y-flex goods-wrapper">
        <van-nav-bar
            title="附近商店"
            left-text="返回"
            left-arrow
            @click-left="onClickLeft"
        />  
        <scroll-view
            v-model="isLoading"
            :is-pulling="isPulling"
            :is-body-scroll="true"
            :distance="10"
        >
            <div>
                <shop-card v-for="item in shopList" :key="item.id" :shopInfo="item" />
            </div>
        </scroll-view>
    </div>
</template>

<script>
import ShopCard from '@/components/ShopCard'
export default {
  components: {
    ShopCard
  },
  data() {
    return {
        shopList:[
            {id:1,name:'派多格宠物(明发店)',address:'福建省厦门市莲坂明发商业广场西区43号1层A1208店(东亚银行旁边小路进来10米手扶梯右手边)',
            describe:'全国十多家实体猫舍，可选择上门自提，或者专车给您送到家，根据您的需求而定。猫舍专业宠物优送，专业安全，空运存在订票，延误，更换航班等特殊原因，导致时间延误，恳求谅解。全国包邮。接到猫咪，第一时间联系客服，拍视频或视频连线，核对猫咪状态，按照猫舍规定饲养方案饲养猫咪。',
            longitude:24.62943322,latitude:118.09144020},
            {id:2,name:'炫场宠物商店',address:'福建省厦门市天马路313号大学城商业街E座3层',
            describe:'宠物猫是适合在室内饲养的猫咪，所以家里的养猫设备最好齐全，例如猫抓板、猫爬架等，这样可以减少猫到处乱抓家具等其他物品的可能性。 最好多花时间陪伴它们游戏，如果主人没有太多时间陪伴它的话还是养别的宠物好。 因为宠物猫性格比较温顺，细致的照顾可以带来意想不到的亲密感情哦！ '},
            {id:3,name:'乐宠E族宠物店',address:'福建省厦门市塘浦路137号1层9号',
            describe:'本店是宠物商城的官方认证：正规犬舍、猫舍，出售各种纯种健康的宠物猫狗，签订协议保障健康'}
        ]
      }
  },
  created() {
  },
  methods: {
     onClickLeft(){
            this.$router.push({
                path: '/'
            })
        },
  }

}
</script>
<style>
.goods-wrapper {
    box-sizing: border-box;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

.home-tab {
        padding-bottom: 20px;
    }

     .van-tab {
            font-size: 16px;
            font-weight: 400;
            color: #424242;
        }

        .van-tabs__line {
            width: 38px;
        }

        .van-tab--active {
            font-weight: 600;
            color: #333;
        }

    .prompt {
        font-size: 20px;
        color: #333;
    }

    .y-flex {
    display: flex;
    flex-direction: column;
}
</style>